<template>
	<div class="header-week">
		<h3>周末去哪玩</h3>
		<div class="week-item" v-for="(item,index) in WeekList" :key="index">
			<img :src="item.weekURL" />
			<aside>
				<p>{{item.wektil}}</p>
				<label>{{item.txt}}</label>
			</aside>
		</div>
	</div>
</template>

<script>
	export default {
		props: ['WeekList'],
		data() {
			return {

			}
		}
	}
</script>

<style scoped>
	.header-week {
		width: 100%;
		overflow: hidden;
		background-color: white;
		font-size: 0.4rem;
		/* margin-top: 0.4rem; */
		/* padding-bottom: 1rem; */
	}

	.header-week h3 {
		width: 100%;
		font-size: 0.4rem;
		line-height: 0.8rem;
		text-align: left;
		background-color: #CCCCCC;
	}

	.week-item {
		text-align: left;
		padding-bottom: 0.5rem;
	}

	.week-item p {
		margin-top: 0.3rem;
		margin-bottom: 0.2rem;
		margin-left: 0.3rem;
	}

	.week-item label {
		font-size: 0.3rem;
		margin-top: 0.3rem;
		margin-left: 0.3rem;
		line-height: 0.35rem;
		display: inline-block;
		width: 70%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
</style>
